﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="ChiTietSanPham.aspx.cs"
    Inherits="ThoiTrangT2B.ChiTietSanPham" MasterPageFile="~/TwoColumn.Master" ValidateRequest="false" %>

<asp:Content ID="Content1" runat="server" ContentPlaceHolderID="ContentPlaceHolder1">
    <%--<script type="text/javascript" src="js/jquery.mk.magnifier.js"></script>--%>

    <script src="js/jquery.jqzoom-core.js" type="text/javascript"></script>

    <link href="css/jquery.jqzoom.css" rel="stylesheet" type="text/css" />

    <script type="text/javascript">
        jQuery(document).ready(function($) {
            $('.jqzoom').jqzoom({
                zoomType: 'innerzoom',
                preloadImages: false
            });

        });
    </script>

    <style type="text/css">
        .fancybox-custom .fancybox-skin
        {
            box-shadow: 0 0 50px #222;
        }
    </style>
    <div class="FeatureBlock" style="width: 75%">
        <div class="category" style="margin: 0px !important">
            <div class="title-category" style="background-image: url('../userfiles/category/icon-shopping.png')">
                <span><a href="./">Trang chủ</a></span>
            </div>
            <div class="view-category">
                <asp:HyperLink ID="hplCategory" runat="server"></asp:HyperLink>
            </div>
            <div class="ProductDetail">
                <div class="clearfix" id="content" style="float: left; width: 400px;">
                    <div class="clearfix">
                        <asp:Literal ID="ltrImage" runat="server"></asp:Literal>
                    </div>
                    <br />
                    <div class="clearfix">
                        <asp:Repeater ID="Repeater1" runat="server">
                            <HeaderTemplate>
                                <ul id="thumblist" class="clearfix">
                            </HeaderTemplate>
                            <ItemTemplate>
                                <li><a href='javascript:void(0);' rel="{gallery: 'gal1', smallimage: '<%#Eval("Image") %>',largeimage: '<%#Eval("Image") %>'}">
                                    <img src='<%#Eval("Image") %>'>
                                </a></li>
                            </ItemTemplate>
                            <FooterTemplate>
                                </ul>
                            </FooterTemplate>
                        </asp:Repeater>
                    </div>
                </div>
                <div class="ProductFeature">
                    <h2 class="red">
                        <asp:Literal ID="txtTenSP" runat="server"></asp:Literal></h2>
                    <hr />
                    <p class="ChiTiet">
                        Mã sản phẩm : <span class="priceBold">
                            <asp:Literal ID="txtMaSP" runat="server"></asp:Literal>
                        </span>
                    </p>
                    <hr />
                    <p class="ChiTiet">
                        Giá khuyến mãi : <span class="priceBold">
                            <asp:Literal ID="txtGiaSP" runat="server"></asp:Literal>
                            VNĐ</span>
                    </p>
                    <hr />
                    <p class="ChiTiet">
                        Giá cũ : <span class="priceGray">
                            <asp:Literal ID="txtGiaCu" runat="server"></asp:Literal>
                            VNĐ </span>
                    </p>
                    <hr />
                    <p class="ChiTiet">
                        Màu sắc :
                    </p>
                    <div class="clearfix">
                        <asp:RadioButtonList ID="chkMauSac" runat="server" RepeatColumns="5" RepeatLayout="Table"
                            CellPadding="5" CellSpacing="5" CssClass="rbtList" AutoPostBack="true">
                        </asp:RadioButtonList>
                    </div>
                    <hr />
                    <p class="ChiTiet">
                        Size :
                    </p>
                    <div class="clearfix">
                        <style>
                            .size td
                            {
                                border: 1px solid #DDD;
                                padding: 5px;
                                color: #444;
                                width: 30%;
                            }
                        </style>
                        <div class="clearfix">
                            <asp:RadioButtonList ID="rbtSize" runat="server" RepeatLayout="Table" CssClass="size"
                                AutoPostBack="true" RepeatDirection="Vertical" RepeatColumns="3" Width="100%">
                            </asp:RadioButtonList>
                        </div>
                    </div>
                    <hr />
                    <p class="ChiTiet">
                        Số lượng còn lại : <span class="priceBold">
                            <asp:Literal ID="ltrSoLuong" runat="server"></asp:Literal></span>
                    </p>
                    <asp:Button ID="btnMuaNgay" CssClass="btnMua" runat="server" Text="Mua Ngay" OnClick="btnMuaNgay_Click" /></span>
                </div>
            </div>
        </div>
    </div>
    <div class="DetailBlock" style="width: 23%; border: none !important">
        <div class="box-info-other">
            <h3>
                Thông tin chung</h3>
            <ul>
                <li>Thương hiệu:
                    <asp:Literal ID="ltrHang" runat="server"></asp:Literal></li>
                <li>Nơi sản xuất: Việt Nam</li>
                <li>Kích cỡ: Đủ kích cỡ</li>
                <li>Trạng thái: Hàng có sẵn</li>
            </ul>
        </div>
        <div class="box-tra-hang">
            <ul>
                <li><a title="" href="./">
                    <img alt="" src="images/icon-convert-product.png">
                    <span>hàng hóa<br>
                        phong phú đa dạng </span></a></li>
                <li><a title="" href="./">
                    <img alt="" src="images/icon-tich-luy.png">
                    <span>tích lũy
                        <br>
                        điểm thưởng </span></a></li>
                <li><a title="" href="./">
                    <img alt="" src="images/icon-cam-ket-chinh-hang.png">
                    <span>cam kết sản phẩm
                        <br>
                        chính hãng </span></a></li>
            </ul>
        </div>
    </div>
    <div style="clear: both">
    </div>
</asp:Content>
